<template>
  <div>
    <md-field>
      <div>
        <md-field-item
          :align="'right'"
          :title="'汇款账号'"
          :content="widget_71147d.options.selectValue.label"
          @click="widget_71147d.options.isSelectorShow = true"
          :arrow="true"
        />
        <md-selector
          v-model="widget_71147d.options.isSelectorShow"
          :data="
            widget_71147d.options.remote
              ? widget_71147d.options.remoteOptions
              : widget_71147d.options.options
          "
          :title="'选择账号'"
          :describe="''"
          :mask-closable="true"
          :is-check="false"
          :default-value="widget_71147d.options.selectValue.value"
          @choose="
            item => {
              this.widget_71147d.options.selectValue = item;
            }
          "
        ></md-selector>
      </div>
      <md-input-item
        v-model="widget_632193.options.defaultValue"
        :type="'money'"
        :name="''"
        :title="'可用余额'"
        :placeholder="'请输入内容'"
        :brief="''"
        :maxlength="25"
        :size="'normal'"
        :align="'right'"
        :error="''"
        :readonly="true"
        :disabled="false"
        :is-title-latent="false"
        :is-highlight="false"
        :is-formative="true"
        :is-amount="false"
        :clearable="false"
        :is-virtual-keyboard="false"
        :virtual-keyboard-disorder="false"
        :virtual-keyboard-ok-text="'确认'"
      ></md-input-item>
      <md-input-item
        v-model="widget_3df571.options.defaultValue"
        :type="'money'"
        :name="''"
        :title="'汇款金额'"
        :placeholder="'请输入汇款金额'"
        :brief="''"
        :maxlength="25"
        :size="'normal'"
        :align="'right'"
        :error="''"
        :readonly="false"
        :disabled="false"
        :is-title-latent="false"
        :is-highlight="false"
        :is-formative="true"
        :is-amount="false"
        :clearable="false"
        :is-virtual-keyboard="false"
        :virtual-keyboard-disorder="false"
        :virtual-keyboard-ok-text="'确认'"
      ></md-input-item>
      <div>
        <md-field-item
          :align="'right'"
          :title="'汇款用途'"
          :content="widget_65ddcf.options.selectValue.label"
          @click="widget_65ddcf.options.isSelectorShow = true"
          :arrow="true"
        />
        <md-selector
          v-model="widget_65ddcf.options.isSelectorShow"
          :data="
            widget_65ddcf.options.remote
              ? widget_65ddcf.options.remoteOptions
              : widget_65ddcf.options.options
          "
          :title="'选择汇款用途'"
          :describe="''"
          :mask-closable="true"
          :is-check="false"
          :default-value="widget_65ddcf.options.selectValue.value"
          @choose="
            item => {
              this.widget_65ddcf.options.selectValue = item;
            }
          "
        ></md-selector>
      </div>
      <md-input-item
        v-model="widget_b7c845.options.defaultValue"
        :type="'text'"
        :name="''"
        :title="'收款人姓名'"
        :placeholder="'请输入收款人姓名'"
        :brief="''"
        :maxlength="25"
        :size="'normal'"
        :align="'right'"
        :error="''"
        :readonly="false"
        :disabled="false"
        :is-title-latent="false"
        :is-highlight="false"
        :is-formative="true"
        :is-amount="false"
        :clearable="false"
        :is-virtual-keyboard="false"
        :virtual-keyboard-disorder="false"
        :virtual-keyboard-ok-text="'确认'"
      ></md-input-item>
      <md-input-item
        v-model="widget_6b4ed8.options.defaultValue"
        :type="'bankCard'"
        :name="''"
        :title="'收款人账号'"
        :placeholder="'请输入收款人账号'"
        :brief="''"
        :maxlength="25"
        :size="'normal'"
        :align="'right'"
        :error="''"
        :readonly="false"
        :disabled="false"
        :is-title-latent="false"
        :is-highlight="false"
        :is-formative="true"
        :is-amount="false"
        :clearable="false"
        :is-virtual-keyboard="false"
        :virtual-keyboard-disorder="false"
        :virtual-keyboard-ok-text="'确认'"
      ></md-input-item>
      <div>
        <md-field-item
          :align="'right'"
          :title="'汇款方式'"
          :content="widget_4a3a9f.options.selectValue.label"
          @click="widget_4a3a9f.options.isSelectorShow = true"
          :arrow="true"
        />
        <md-selector
          v-model="widget_4a3a9f.options.isSelectorShow"
          :data="
            widget_4a3a9f.options.remote
              ? widget_4a3a9f.options.remoteOptions
              : widget_4a3a9f.options.options
          "
          :title="'选择汇款方式'"
          :describe="''"
          :mask-closable="true"
          :is-check="false"
          :default-value="widget_4a3a9f.options.selectValue.value"
          @choose="
            item => {
              this.widget_4a3a9f.options.selectValue = item;
            }
          "
        ></md-selector>
      </div>
      <md-switch
        v-model="widget_e3e2ac.options.defaultValue"
        :title="'到账通知'"
        :showLabel="true"
        :align="'right'"
        :disabled="false"
      ></md-switch>
      <md-switch
        v-model="widget_208ae6.options.defaultValue"
        :title="'保存收款人'"
        :showLabel="true"
        :align="'right'"
        :disabled="false"
      ></md-switch>
    </md-field>
    <md-row class="row-f8f991">
      <md-col :span="24">
        <md-button
          :type="'primary'"
          :nativeType="'button'"
          :size="'large'"
          :plain="false"
          :round="false"
          :inline="false"
          :icon="''"
          :icon-svg="false"
          :inactive="false"
          @click.prevent="doFuncOption()"
          :iconAlign="'left'"
        >
          {{ widget_461123.options.defaultValue }}
        </md-button>
      </md-col>
    </md-row>
  </div>
</template>
<script>
export default {
  data() {
    return {
      widget_71147d: {
        name: "下拉选择器",
        options: {
          selectValue: {
            brief: "选项二说明",
            label: "654 6789 0987 1234",
            value: "2"
          },
          iconSvg: false,
          remoteOptions: [],
          isSelectorShow: false,
          icon: "",
          remote: false,
          props: { label: "label", value: "value" },
          minHeight: "auto",
          maxHeight: "auto",
          options: [
            { brief: "选项一说明", label: "623 4567 8901 1234", value: "1" },
            {
              brief: "选项二说明",
              label: "654 6789 0987 1234",
              value: "2"
            }
          ],
          iconPosition: "right",
          iconSize: "",
          iconDisabled: "",
          iconInverse: ""
        },
        rules: []
      },
      widget_632193: {
        name: "输入框",
        options: { defaultValue: "2.64", showLabel: false },
        rules: []
      },
      widget_3df571: {
        name: "输入框",
        options: { defaultValue: "", showLabel: false },
        rules: []
      },
      widget_65ddcf: {
        name: "下拉选择器",
        options: {
          selectValue: { brief: "", label: "汇款", value: "1" },
          iconSvg: false,
          remoteOptions: [],
          isSelectorShow: false,
          icon: "",
          remote: false,
          props: { label: "label", value: "value" },
          minHeight: "auto",
          maxHeight: "auto",
          options: [
            { brief: "", label: "汇款", value: "1" },
            { brief: "", label: "工资", value: "2" }
          ],
          iconPosition: "right",
          iconSize: "",
          iconDisabled: "",
          iconInverse: ""
        },
        rules: []
      },
      widget_b7c845: {
        name: "输入框",
        options: { defaultValue: "", showLabel: false },
        rules: []
      },
      widget_6b4ed8: {
        name: "输入框",
        options: { defaultValue: "", showLabel: false },
        rules: []
      },
      widget_4a3a9f: {
        name: "下拉选择器",
        options: {
          selectValue: { brief: "立即到账", label: "实时到账", value: "1" },
          iconSvg: false,
          remoteOptions: [],
          isSelectorShow: false,
          icon: "",
          remote: false,
          props: { label: "label", value: "value" },
          minHeight: "auto",
          maxHeight: "auto",
          options: [
            { brief: "立即到账", label: "实时到账", value: "1" },
            { brief: "1-2个工作日到账", label: "次日到账", value: "2" }
          ],
          iconPosition: "right",
          iconSize: "",
          iconDisabled: "",
          iconInverse: ""
        },
        rules: []
      },
      widget_e3e2ac: {
        name: "开关",
        options: { defaultValue: false },
        rules: []
      },
      widget_208ae6: {
        name: "开关",
        options: { defaultValue: false },
        rules: []
      },
      widget_461123: {
        name: "按钮",
        options: {
          defaultValue: "下一步",
          submitFunc:
            "/app/wiremock/D5419E20385D4A469B1383CF9183B6FD/transferResults.do",
          iconFlag: false
        },
        rules: []
      }
    };
  },
  methods: {
    doFuncOption() {
      // TODO
    },
    // 获取动态信息
    requestInfo() {
      this.$remote("/dp/model/listOperationDpModel.action", {
        projectId: "E83B788D8A6442FCABDE8BD5DECFF48B"
      }).then(data => {
        console.log(data);
      });
    }
  },
  created() {
    this.requestInfo();
  }
};
</script>
<style scoped>
.row-f8f991 {
  padding: 0px;
  margin: 9px 9px 0px 9px;
}
</style>
